*{ margin: 0; padding: 0; box-sizing: border-box;}

body{ background: #E9E9E9;}
img{ max-width: 100%; border: none;}

.logo{ height: 65px; background: #00E900; padding: 0 20px;}
.logo img{ height: 100%;}

.votenotice{ padding: 4%; color: #3C3794; font-size: 16px; font-weight: 600;}

.votebsub{ padding: 0 4% 4%;}
.votebtn{ display: block; width: 100%; max-width: 380px; height: 45px; background: #3C3794; color: #fff; line-height: 45px; text-align: center; border-radius: 5px; margin: 0 auto; border: none;}
.voteCheck{  border-radius: 5px; overflow: hidden; position: relative; }
.voteCheck::after{ content: ''; width: 15px; height: 15px; position: absolute; top: 10px; left: 10px; background: url(../img/checked.png) no-repeat center center/cover;}
.voteCheck::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 3px solid #3C3794;border-radius: 5px; box-sizing: border-box;}
.voteinner{ float: left; height: 0; cursor: pointer;}
@media screen and (max-width: 750px) {
	.votelist{ padding: 4%; overflow: hidden;}
	.voteinner{ width: 48%; padding-bottom: 48%; margin: 0 4% 4% 0;}
	.voteinner:nth-child(2n){ margin-right: 0;}
	.resultlist{ padding: 4%; overflow: hidden;}
	.resultinner{ margin-bottom: 4%;}
	.resultinner img{ float: left; width: 120px; height: 120px;}
	.resultvotes{ margin-left: 140px; height: 120px; line-height: 120px; color: #3C3794; font-size: 20px; font-weight: 600;}
}

@media screen and (min-width: 751px) {
	.votelist{ overflow: hidden; max-width: 1000px; margin: 0 auto;}
	.voteinner{ width: 32%;  padding-bottom: 32%; margin: 0 2% 2% 0;}
	.voteinner:nth-child(3n){ margin-right: 0;}
	.votenotice{ padding: 4% 0; max-width: 1000px; margin: 0 auto;}

	.resultlist{ overflow: hidden; max-width: 1000px; margin: 0 auto;}
	.resultinner{ float: left; width: 33.33%;}
	.resultinner img{ float: left; width: 120px; height: 120px;}
	.resultvotes{ margin-left: 140px; height: 120px; line-height: 120px; color: #3C3794; font-size: 20px; font-weight: 600;}
}